hideable

Ext. onready (function (){ VaR testdata = [ ["Lug", "male", 26, [["Mathematics", 100], ["Chinese", 150] , ["Lisi", "male", 25, [["Mathematics", 100], ["Chinese", 150] , ["Zhang", "male", 27, [["Mathematics", 120], ["Chinese", 158] ]; // Storetest = new Ext. Data. simplestore ({ Fields: ["name", "sex", "Age", "Grade"] , Data: testdata }); VaR expander = new Ext. Grid. rowexpander ({TPL: New Ext. xtemplate (''',')});Expander. On ("Expand", function (expander, R, body, rowindex ){// Find the gri

: This. ref Reshsummary, clear: this. refreshsummary, update: This. refreshsummary, scope: This}); If (! This. rowtpl) {This. rowtpl = new Ext. template (' 3. Use the following code: VaR summary = new Ext. UX. grid. gridsummary (); // declare this. gridpanel = new Ext. grid. gridpanel ({ID: "planbookallgrid", Region: "center", striperows: True, tbar: This. topbar, store: This. store, columnlines: True, width: "100%", trackmouseover: True, disableselection: false, loadmask: True, CM: A, SM: B,

, DisplayInfo:true}});The effect of this gridpanel is as follows:In this gridpanel, we can check the data row by checking the box, you can edit the "age" and "Phone" column, and the data can be sorted by the client.Columns of the ExtJS GridpanelThere are several types of columns for ExtJS Gridpanel, such as: text columns, numeric columns, date columns, selection box columns, action columns, and so on. We can specify different column types through xtype.The following are the common configuration

from the server. SeeData guide for more on usingProxies.Grid panel Currently, we have a model that defines our data structure and adds these model instances to the store. Then we can use the grid panel to display data: Now that we haveModel which defines our data structure, and we 've loaded severalModel instances intoStore, we're ready to display the data usingGrid panel: Ext.create('Ext.grid.Panel', { renderTo: Ext.getBody(), store: userStore, width: 400, height: 200, title: '

, that is, all the data in the table can be obtained through the store.Listeners: {itemdblclick:function (view, record, item, index, E, eopts) {}}Analytical:View:Ext.view.View Record:Ext.data.ModelThe record that belongs to the itemItem:htmlelementThe item ' s elementIndex:numberThe item ' s indexE:ext.eventobjectThe Raw event objectEopts:objectThe options Object passed to Ext.util.Observable.addListener. extjs gridpanel column ExtJS gridpanel columns have several types, such as: text columns

Use Ext. grid. column. the Column definition Column is created as shown in the previous example. grid. you must specify the columns option when using Panel. This option is either Ext. grid. column. column array, which is either a JavaScript Object and must contain an items attribute... use Ext. grid. column. the Column definition Column is created as shown in the previous example. grid. you must specify the columns option when using Panel. This option is either Ext. grid. column. the Column arra

‘, data: [ { name: ‘Lisa‘, email: ‘[emailprotected]‘, phone: ‘555-111-1224‘ }, { name: ‘Bart‘, email: ‘[emailprotected]‘, phone: ‘555-222-1234‘ }, { name: ‘Homer‘, email: ‘[emailprotected]‘, phone: ‘555-222-1244‘ }, { name: ‘Marge‘, email: ‘[emailprotected]‘, phone: ‘555-222-1254‘ } ]});For simplicity, inline data is used here, and in real-world applications, the server-side data is usually loaded using proxies, and the agent can view the ExtJS 4 data (package)

Use Ext. Grid. Column. Column to define a column As shown in the preceding example, create Ext. grid. you must specify the columns option when using panel. This option is either Ext. grid. column. the column array is either a JavaScript Object, which must contain an items attribute, and the attribute value is still Ext. grid. column. column array -- in short, define Ext. grid. panel, ext. grid. column. column array to define data columns. You can use Ext. Grid. Column. Column to define column de

: userStore, width: 400, height: 200, title: 'Application Users', columns: [ { text: 'Name', width: 100, sortable: false, hideable: false, dataIndex: 'name' }, { text: 'Email Address', width: 150, dataIndex: 'email', hidden: true }, { text: 'Phone Number', flex: 1, dataIndex:

, align: "center", dataIndex: 'loginname', sortable: true}, {header: "Telephone", flex: 1, align: "center", hideable: false, dataIndex: 'telphone', sortable: true}, {header: "brithday", flex: 1, align: "center", dataIndex: 'brithday', sortable: true}, {hea Der: "Sex Id", flex: 1, align: "center", dataIndex: 'sexid', sortable: true}, {header: "Dep Id", flex: 1, align: "center", dataIndex: 'Demo', sortable: true}], store: store, // style: "margin-left: